<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0  minimum-scale=1.0, maximum-scale=2.0" />
<meta name="MobileOptimized" content="240" />
<link rel="stylesheet" type="text/css" href="/mobile/css/base.css"/>
<script type="text/javascript" src="/common/js/zepto.js"></script>
<script type="text/javascript" src="/mobile/scripts/context.js" ></script>
<script type="text/javascript" src="/app/scripts/common_lib.js" ></script>
<title>品质从此无忧-麦丰网</title>
<style type="text/css">

body {
	margin: 0px;
	background:#f1f1f1;
	font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Tohoma,Arial;
	text-align: center;
	width:100%;
}

.div-header {
	width: 100%;
	height: 45px;
	color: #FFF;
	margin: 0 auto;
	line-height: 45px;
	text-align: left;
	background: url(images/red_bg.jpg) repeat;
}

#name{ 
	font-size:18px; 
	line-height:45px; 
	padding-left:0px; 
	margin-left:0px;
	width:200px; 
	height:45px; 
	float:left;
	padding-left: 10px;
}

#user{
	background:url(images/user_white.png) no-repeat center;
	width:32px; 
	height:45px; 
	float:right;
	
}

ul,li{list-style:none; padding: 0;margin: 0;}

.div-leader {
	width: 100%;
	max-width:320px;
	height: 25px;
	background-color: transparent;
	margin: 0 auto;
	/*
	left:50%;
	margin-left:-160px;
	position:fixed; 
	*/
}
.table-leader {
	width: 100%;
	text-align: center;
}

.table-leader td {
	text-align: center;
}

.menu1{color:#777;line-height:23px; width:12%;  padding:0px 2px; border-bottom:1px solid #CCC;  font-size:14px; }
.menu2{color:#ff3f40;line-height:23px;  width:12%; padding:0px 2px; border-bottom:1px solid #ff3f40; font-weight:bold; font-size:14px;}

.i_box a {
	padding: 2px 5px;
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #585858;
	line-height: 20px;
}
.i_box * {
	vertical-align: middle;
}
.i_box input {
	width: 30px;
	height: 18px;
	margin: 0 8px;
	padding: 2px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 16px;
}

.div-banner {
	width:320px;
	height: 195px;
	background-color: white;
	margin: 0 auto;
	margin-top: 5px;
	/*
	left:50%;
	margin-top: 30px;
	margin-left: -160px;
	position: fixed;
	*/
}

.div-content {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}
.div-product {
	width: 100%;
	max-width: 330px;
	height: 150px;
	margin: 0 auto;
	margin-top: 8px;
}

.div-image {
	width: 60%;
	height: 100%;
	float: left;
}

.div-name {
	width: 40%;
	height: 40%;
	float: right;
}

.div-description {
	width: 40%;
	height: 60%;
	float: right;
}

.img-product {
	width: 100%;
	height: 100%;
}

.div-footer {
	width: 100%;
	max-width: 330px;
	height:100px;
	background-color: #CCC;
	top: 100%;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 50px;
}

.div-bottom {
	width: 100%;
	height: 50px;
	top: 100%;
	left:-50%;
	margin-left:50%;
	margin-top: -50px;
	position: fixed;
}

.div-loading {
	width:35px;
	height:35px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none;
}

.img-loading {
	width: 100%;
	height: 100%;
}

#table-bottom { 
	width:100%; 
	height:35px;	
	line-height:35px; 
	background:#333;
	color: #CCC;
	bottom: 0px;
	position: fixed;
}

.div-image-desk {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
	
}

.div-image-figure{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
}

.div-image-figure-bg{
	width: 100%;
	height: 100%;
	background-color: #222222;
	position: absolute;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
}

.div-image-close{
	width: 40px;
	height: 40px;
	float: right;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	z-index: 101;
}

.a-image-close{
	width: 34px;
	height: 33px;
	float:right;
	background: url(/mobile/images/dialogclose.png) no-repeat center;
	margin-top: 2px;
	margin-right: 2px;
}
.div-image-show {
	margin: 0 auto;
	margin-top: 40px;
}

#image-show-original{
	border:1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}

.div-section {
	background-color: #FFF;
	text-align: left;
	padding: 8px;
	margin-top: 8px;
	border: #dcdada solid 1px;background-color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.div-text {
	text-align: left;
	font-size:14px; 
	padding:5px; 
	color:#666; 
	line-height:18px;
}

.div-text p {
	margin:0;
	text-indent: 18px;
	margin-top: 3px;
	text-align: justify;
}

.div-text .div-text-header {
	border-bottom:1px dashed #CCCCCC; color:#666; font-size:13px; font-weight:bold;padding-bottom: 3px;
	background: url(/mobile/images/notice.png) no-repeat;
	padding-left: 18px;
}



.menu-down{float:left; border:1px solid #ff3e3f; background:url(images/select_icon.png) #FFF right bottom no-repeat; padding:0px 5px;height:22px; line-height:25px; color:#000000; font-size:14px; margin-right:5px; margin-bottom:5px; text-align:center;}
.menu-up{float:left;border:1px solid #CCCCCC; font-size:14px; padding:0px 5px;height:22px; color:#000000; line-height:25px; margin-right:5px;margin-bottom:5px; text-align:center; background:#FFFFFF}
.menu-note{float:left; border:1px solid #666666; background:url(images/note_icon.png) #FFF right bottom no-repeat; padding:0px 5px;height:22px; line-height:25px; color:#666666; font-size:14px; margin-right:5px; margin-bottom:5px; text-align:center;}


.bitButton{ margin-top:10px;border:0;width:100%; height:40px; font-size:18px; font-weight:bold; background:url(images/button_bg.jpg) repeat; color:#FFFFFF; line-height:36px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

</style>
</head>
<body>
	<div class="div-header">
		<ul>
			<li id="name">代购须知</li>
			<li id="user" onclick="location.href='/'"></li>
		</ul>
	</div>
	
	<div class = "div-content">
	<div class="div-section">
	    <div class="div-text">
	    	<div class="div-text-header">网站声明</div>
	    	<p><span class="site_name"></span>是一家提供香港正品代购服务的专业网站，以移动电商为媒介，以品质保证为宗旨，为客户提供方便、快捷、品质放心的代购服务。</p>
	    </div>
	    <div class="div-text" style="text-align: center;text-indent: 0px;display: none;">
	    	<a href="javascript:;" style="">查看更多...</a>
	    </div>
	    
	    
	    <div class="div-text">
	    	<div class="div-text-header">了解商品</div>
	    	<table>
	    		<tr>
	    			<td style="vertical-align: text-top;">1.</td>
	    			<td>所有商品只在香港的品牌专卖店、专柜、以及大型商场选购.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">2.</td>
	    			<td><span style="border-bottom: 1px #f00 dashed;">保留所有购物凭证/小票，随商品一起提供给消费者.</span></td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">3.</td>
	    			<td>支持全球验货.</td>
	    		</tr>
	    	</table>
	    </div>
	    
	     <div class="div-text">
	    	<div class="div-text-header">代购费用</div>
	    	<p>代购商品需收取服务费用，用来支撑网站的运营，希望客户能够理解和支持。</p>
	    	<p>代购服务费用与客户订单中所有商品的总额度相关，并根据总额度采用阶梯计费方式计算，细则如下：</p>
	    	<table>
	    		<tr>
	    			<td style="vertical-align: text-top;">1.</td>
	    			<td>额度处于300元以下的部分，费用为30元.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">2.</td>
	    			<td>额度处于301~1000元的部分，费用为10%.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">3.</td>
	    			<td>额度处于1001~5000元的部分，费用为8%.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">4.</td>
	    			<td>额度处于5001元以上的部分，费用为5%.</td>
	    		</tr>
	    	</table>
	    </div>
	    
	    <div class="div-text">
	    	<div class="div-text-header">如何下单</div>
	    	<table>
	    		<tr>
	    			<td style="vertical-align: text-top;">1.</td>
	    			<td>用户浏览网站，挑选自己需要的商品，并放入购物车，如需要多件商品，则一起放入购物车.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">2.</td>
	    			<td>商品挑选完成后，进入购物车结算，此时支付的是商品的代购订金.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">3.</td>
	    			<td>代购订金支付成功后，网站工作人员会在后台查收到订单信息，并立即赴港采购.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">4.</td>
	    			<td>采购完成后，会将商品实际总额、代购服务费用、物流费用告知客户，并请客户及时补齐订单差价.</td>
	    		</tr>
	    		<tr>
	    			<td style="vertical-align: text-top;">5.</td>
	    			<td>商品差价支付完成后，我们会第一时间将商品以及购物凭证打包寄给客户。</td>
	    		</tr>
	    	</table>
	    </div>
	</div>
	</div>
	
	<div class = "div-footer">
		<iframe class = "iframe-view" src="/mobile/footer.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
	</div>
	<div class = "div-bottom">
		<iframe class = "iframe-view" src="/mobile/bottom.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
	</div>
	<div class = "div-footer" style="display: none">
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
	  	<tr>
	    	<td height="30" colspan="4" align="center"  style="background:url(/mobile/images/line_buttom.png) repeat-x; height:9px"></td>
	    </tr>
	    <tr>
		    <td width="25%" onclick="location.href='/'" height="35" align="center">首页</td>
		    <td width="25%" onclick="javascript:;" align="center">关于我们</td>
		    <td width="25%" onclick="javascript:;" align="center">友情链接</td>
		    <td width="25%" onclick="javascript:;" align="center">帮助</td>
	  	</tr>
		<tr>
		    <td style="font-size:10px; color:#666666" colspan="4" height="20px" align="center" valign="middle">&copy; 2014 KissBaby版权所有</td>
		</tr>
	  </table>
	</div>
	
	<div class = "div-bottom" style="display: none">
		<table cellpadding="2" id="table-bottom">
			<tr>
		   	  <td width="33%" align="center" nowrap="nowrap" id="account" style="border-right:1px solid #000" onclick="location.href='/'"><img src="/mobile/images/s_home.png" style="margin-top:-3px" width="18" height="18" align="absmiddle" />更多优选</td>
		   	  <td width="33%" align="center" nowrap="nowrap" id="account" style="border-right:1px solid #000" onclick="goService()"><img src="/mobile/images/s_user.png" style="margin-top:-3px" width="18" height="18" align="absmiddle" /> 订单中心</td>
		   	  <td width="33%" align="center" nowrap="nowrap" id="account" style="border-right:1px solid #000" onclick="javascript:;"><img src="/mobile/images/s_car.png" style="margin-top:-3px" width="18" height="18" align="absmiddle" /> 购物车(0)</td>
		    </tr>
		</table>
		
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		cjl.getTitle();
		getSiteInfo();
	});
	
	function getSiteInfo() {
		var url = "/common/aboutus";
		cjl.get(url, {}, function(body){
			var aboutUs = body;
			$(".site_name").text(aboutUs.site_name);
		});
	}

</script>
</html>